import Vue from 'vue'

/*一、ElementUI组件按需加载*/

import 'element-ui/lib/theme-chalk/index.css'
// 按需引入
import {
//	Carousel,
//CarouselItem,
//	
//  Row ,
//  Col,
//  Icon,
    Button,
//  ButtonGroup,
//  Radio,
//  RadioGroup,
//  Checkbox,
//  CheckboxGroup,
//  Dropdown,
//  DropdownMenu,
//  DropdownItem,
//  Input,
//  Upload,
//  Select,
//  Option,
//  OptionGroup,
//  TimePicker,
//  TimeSelect,
//  DatePicker,
//  Form,
//  FormItem,
//  Table,
//  TableColumn,
//  Tree,
//  Progress,
//  Pagination,
//  Alert,
  Loading,
    Message,
    MessageBox,
//  Notification,
//  Menu,
//  Rate,
//  Submenu,
//  MenuItem,
//  Breadcrumb,
//  BreadcrumbItem,
//  Dialog,
//  Tabs,
//  TabPane,
//  Badge,
//  Popover,
//  Tooltip,
//  Transfer,
//  Collapse,
//  CollapseItem,
//  Tag,
//  Steps,
//  Step,
//  Card,
//  Autocomplete,
//  Cascader,
//  
} from 'element-ui'

const elementComponents = {
//	Carousel,
//CarouselItem,
//  Row,
//  Col,
//  Icon,
    Button,
//  ButtonGroup,
//  Radio,
//  RadioGroup,
//  Checkbox,
//  CheckboxGroup,
//  Dropdown,
//  DropdownMenu,
//  DropdownItem,
//  Input,
//  Upload,
//  Select,
//  Option,
//  OptionGroup,
//  TimePicker,
//  TimeSelect,
//  DatePicker,
//  Form,
//  FormItem,
//  Table,
//  TableColumn,
//  Tree,
//  Progress,
//  Pagination,
//  Alert,
  Loading,
    Message,
    MessageBox,
//  Notification,
//  Menu,
//  Rate,
//  Submenu,
//  MenuItem,
//  Breadcrumb,
//  BreadcrumbItem,
//  Dialog,
//  Tabs,
//  TabPane,
//  Badge,
//  Popover,
//  Tooltip,
//  Transfer,
//  Collapse,
//  CollapseItem,
//  Tag,
//  Steps,
//  Step,
//  Card,
//  Autocomplete,
//  Cascader
}


Object.keys(elementComponents).forEach((key) => {
    Vue.component(key, elementComponents[key])
    Vue.component(`el${key}`, elementComponents[key])
})


// 解决组件自动弹出问题
Vue.prototype.$loading = Loading.service
Vue.prototype.$msgbox = MessageBox
Vue.prototype.$alert = MessageBox.alert
Vue.prototype.$confirm = MessageBox.confirm
Vue.prototype.$prompt = MessageBox.prompt
//Vue.prototype.$notify = Notification
Vue.prototype.$message = Message
Vue.prototype.$MessageBox = MessageBox


/*二、引入Vue集成的第三方的js*/
// 百度的UEditor
// import UEditor from '@/components/UEditor.vue'
// Vue.component(`UEditor`, UEditor)


/*三、自定义通用组件按需加载*/
// import vmDataViewer from '@/components/FW-UI/vmDataViewer'
// Vue.use(vmDataViewer)

// import fwTreeGrid from '@/components/FW-UI/treeGrid'
// Vue.use(fwTreeGrid)


// 自定义提示
Vue.prototype.$customMessage = function (message,type) {
    let iconClass=''
    switch (type){
        case 'success':{iconClass = 'icon-chenggong'}break
        case 'error':{iconClass = 'icon-shanchuxx'}break
        case 'warning':{iconClass = 'icon-jingshi'}break
        case 'info':{iconClass = 'icon-bangzhu'}break
    }

    this.$message({
        iconClass: `iconfont ${iconClass}`,
        message: message
    })
}






